<!--/**
 * Plugin Name: 论坛展示型app
 * Description: uloug.com To develop and share! Please keep the copyright information!
 * Author: 拾讯网
 * Author URI: http://www.uloug.com
 * Version: 1.0
 * Plugin URI: https://git.oschina.net/858598758/apicloud.mao10.app.demo.git
 * License: GPL2+
 */-->
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>设置-win</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<style>
			/*header-text*/
			#header-title {
				max-width: 200px;
				overflow: height;
				text-align: center;
			}
			/*底部高度*/
			.aui-nav {
				height: 45px;
			}
			.aui-nav .aui-bar-tab .aui-iconfont {
				line-height: 39px;
			}
			/**/
			 
			.aui-bar-tab #tabbar2 >form {
				padding: 7px 0 0 0;
			}
			.aui-bar-tab #tabbar2 >form>input{
				height: 31px;
				border-radius: 21px;
				margin: 0 auto;
				padding: 10px 0 10px 15px;
			}
			.aui-nav .aui-bar-tab .aui-iconfont{
				font-size:26px;
				line-height: 34px;
			}
			.aui-bar-tab >li >span {
				    position: absolute;
					color: #FD2601;
					font-size: 12px;
					background-color: #FFFFFF;
					margin: 3px 0 0 12px;
					width: 35px;
					height: 15px;
					z-index: 1;
					line-height: 15px;
					text-align: center;
			}
		</style>
	</head>
	<body>
		<header class="aui-bar aui-bar-nav aui-bar-warning" id="aui-header">
			<a class="aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left"></span></a>
			<div class="aui-title" id="header-title">
				文章浏览
			</div>
			<a class="aui-pull-right" tapmode onclick=""> <span class="aui-iconfont aui-icon-moreandroid"></span> </a>
		</header>
		<footer class="aui-nav" id="aui-footer">
			<ul class="aui-bar-tab">
				<li id="tabbar1" tapmode onclick="openhback()">
					<i class="aui-iconfont aui-icon-left"></i>
				</li>
				<div id="tabbar2">
					<form>
						<input type="text" placeholder="我来说两句">
					</form>
				</div>
				<li id="tabbar2">
					<span>999+</span>
					<i class="aui-iconfont aui-icon-comment"></i>
				</li>
				<li id="tabbar3">
					<i class="aui-iconfont aui-icon-like"></i>
				</li>
				<li id="tabbar4">
					<i class="aui-iconfont aui-icon-forward"></i>
				</li>
			</ul>
		</footer>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common_do.js"></script>
	<script type="text/javascript">
		apiready = function() {

		
		
		
			api.parseTapmode();
			var ticid = api.pageParam.ticiid;
			var header = $api.byId('aui-header');
			$api.fixStatusBar(header);
			var headerPos = $api.offset(header);
			var body_h = $api.offset($api.dom('body')).h;
			var footer_h = $api.offset($api.byId('aui-footer')).h;
			api.openFrame({
				name : 'article_frm',
				url : 'article_frm.html',
				bounces : true,
				rect : {
					x : 0,
					y : headerPos.h,
					w : headerPos.w,
					h : body_h - headerPos.h - footer_h
				},
				pageParam : {
					ticid : ticid
				}
			});
		
			api.ajax({
				url : tic_url_id + tic_url_con + '?id=' + ticid,
				method : 'get',
				cache : true,
				dataType : 'json',
			}, function(ret, err) {
				if (ret) {
					$api.html($api.dom('.aui-title'), ret.title);
				} 
			});
		}

		//关闭
		function closeWin() {
			api.closeWin();
		}

		//历史记录后退
		function openhback() {
			api.historyBack({
				frameName : 'article_frm'
			}, function(ret, err) {
				if (!ret.status) {
					api.closeWin();
				}
			});
		}

		//历史记录前进
		function historyForward() {
			api.historyForward({
				frameName : 'article_frm'
			}, function(ret, err) {
				if (!ret.status) {
				}
			});
		}

		// 点击刷新
		function G_refresh() {
			opengoods();
		}
	</script>
</html>